<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/jquery/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="../lib/fonts/iconfont.css">
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <link rel="stylesheet" href="../css/car-baes.css">
    <link rel="stylesheet" href="../css/d-head-list.css">
    <link rel="stylesheet" href="../css/presell.css">
    <link rel="stylesheet" href="../css/d-foot.css">
</head>

<body>
    <div class="d-head">
        <!-- 灰色区域 -->
        <div class="d-head-gray-all">
            <div class="d-headsit-nav">
                <!-- 左半边 -->
                <div class="d-headNav-left">
                    <!-- 地区 -->
                    <div class="d-headCity">
                        <div class="d-headCityCity">
                            <i class="d-address"></i>
                            <span class="d-add-span">郑州市</span>
                        </div>
                        <div class="d-headCityYc">
                            <div class="hot">
                                <b>苏州市</b>
                                <b>北京市</b>
                                <b>天津市</b>
                                <b>上海市</b>
                            </div>
                            <div class="d-abc"></div>
                            <ul class="d-headCityUl"></ul>
                        </div>
                    </div>
                    <!-- 登录注册 -->
                    <div class="d-headinfo">
                        <a href="###" class="d-denglu">请登录</a>
                        <a href="###" class="d-zhuce">免费注册</a>
                    </div>
                </div>
                <!-- 右半边 -->
                <ul class="d-headNav-right">
                    <li>
                        <a href="###">我的订单</a>
                    </li>
                    <li class="d-spacer"></li>
                    <li><a href="###">我的浏览</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="###">我的收藏</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="###">客户服务</a></li>
                    <li class="d-spacer"></li>
                    <li class="d-headNav-right-lastli">
                        <div class="fl ">网站导航
                            <div class="fl d-headNav-lastli-div1"></div>
                        </div>
                        <!-- 隐藏部分 -->
                        <div class="d-headNav-lastli-div2YC">
                            <div class="d-headNav-div2YCLeft fl">
                                <b><a href="###" class="d-notbs">特色主题</a></b>
                                <a href="###">男装女装</a>
                                <a href="###">鞋靴箱包</a>
                            </div>
                            <div class="d-headNav-div2YCRight fl">
                                <b><a href="" class="d-notbs">促销活动</a></b>
                                <br>
                                <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                <br>
                                <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                <br>
                                <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部 -->
        <div class="d-head-main">
            <!-- log -->
            <div class="d-headlogo">
                <img src="../images/d-head-logo.gif" alt="">
            </div>
            <!-- 搜索区域 -->
            <div class="d-headSearch">
                <input type="text" id="d-head-search" placeholder="周大福">
                <button type="submit" class="d-head-button">搜商品</button>
                <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                <div class="d-head-searchA">
                    <a href="#">周大福</a>
                    <a href="#">内衣</a>
                    <a href="#">Five Plus</a>
                    <a href="#">手机</a>
                </div>
            </div>
            <!-- 购物车区域 -->
            <div class="d-headshopCar">
                <a href="###" class="d-headshopCarAA">
                    <i><img src="../images/d-head-shopping.png" alt=""></i>
                    <span class="d-headshopCarSpan">我的购物车</span>
                    <em class="d-headshopCar-clount">0</em>
                </a>
                <div class="d-headshopCar-yc">
                    <a href="">
                        <img src="../images/d-head-shopbiaoqing.png" alt="" class="fl">
                        <span class="d-headshopCarYc-span">购物车中还没有商品，赶紧选购吧！</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="d-head-nav-all">
            <div class="d-head-nav">
                <div id="d-common-cat">
                    <a href="###" style="color: white;" class="d-common-catA">全部商品分类</a>
                </div>
                <div id="d-head-commn-nav">
                    <ul>
                        <li><a href="../index.html" class="red">首页</a></li>
                        <li><a href="./presell-new.html" class="d-red1">新品发布</a></li>
                        <li><a href="./presell-forestall.html" class="d-pink">抢先定</a></li>

                        <div class="spec" data-spec=""></div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div>
        <!-- 轮播1———————————————————————— -->
        <div class="swiper" id="swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div><img src="../images/pre-bg01.png" alt=""></div>
                </div>
                <div class="swiper-slide">
                    <div><img src="../images/pre-bg02.png" alt=""></div>
                </div>
                <div class="swiper-slide">
                    <div><img src="../images/pre-bg03.png" alt=""></div>
                </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 导航 -->
            <ul class="j_preul">
                <li>
                    <div></div>
                    <a href="#">智娱智乐</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">手机通讯</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">电脑数码</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">家用电器</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">家居家装</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">食品生鲜</a>
                </li>
                <li>
                    <div></div>
                    <a href="#">图书音像</a>
                </li>
            </ul>
        </div>
        <!-- 招牌推荐 -->
        <h2 class="j_h2">招牌推荐</h2>
        <!-- 轮播2———————————————————————— -->
        <div class="j_prelun2">
            <div class="j_preA">
                <img src="../images/pre-A.png" alt="">
            </div>
            <!-- 轮播区 -->
            <div class="swiper" id="swiper2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../images/pre-minbg1.png" alt=""></div>
                    <div class="swiper-slide"><img src="../images/pre-minbg2.png" alt=""></div>
                    <div class="swiper-slide"><img src="../images/pre-minbg3.png" alt=""></div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <div class="j_preU">
                <img src="../images/pre-U.png" alt="">
            </div>
        </div>
        <!-- 家居家装标题 -->
        <div class="j_jiaju">
            <h3>家居家装</h3>
            <a href="#"><span class="j_jiajuA"></span></a>
        </div>
        <!--家居家装产品区————————————————————————— -->
        <div class="j_suju">
            <!-- 单个商品框-->
            <div class="j_Txu">
                <!-- 商品图 -->
                <div class="j_Timg"></div>
                <!-- 现价 -->
                <span class="j_xianjia">0</span>&nbsp;&nbsp;
                <!-- 原价 -->
                <del>6</del>
                <!-- 详情链接 -->
                <a href="#" class="j_xqlj">sssssssss好不好</a>
                <!-- 倒计时 -->
                <p class="j_daojis">倒计时<span class="j_day">5</span>天&nbsp;<span class="j_h">10</span>:<span class="j_min">24</span>:<span class="j_s">55</span><span class="j_people">已有<i>4</i>人预约</span></p>
                <!-- 预售商家 -->
                <p class="j_Txbot">预售商家：<a href="#" class="j_botSc">商创自营</a></p>
            </div>
        </div>
        <!-- 底部版心—————————————————— -->
        <div class="d-foot">
            <!-- 灰色区域 -->
            <div class="d-foot-top">
                <!-- 灰色区域版心 -->
                <div class="d-foot-top-main">
                    <div class="d-service-list">
                        <!-- 七天包退 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-qi"></i>
                            <span>七天包退</span>
                        </div>
                        <!-- 正品保障 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-zheng"></i>
                            <span>正品保障</span>
                        </div>
                        <!-- 好评如潮 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-hao"></i>
                            <span>好评如潮</span>
                        </div>
                        <!-- 闪电发货 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-shan"></i>
                            <span>闪电发货</span>
                        </div>
                        <!-- 权威荣誉 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-quan"></i>
                            <span>权威荣誉</span>
                        </div>
                    </div>
                    <!-- 电话咨询客服 -->
                    <div class="d-contact">
                        <div class="d-contact-item">
                            <i class="d-f-icon d-f-icon-tel"></i>
                            <span>4001-021-758</span>
                        </div>
                        <div class="d-contact-item-last">
                            <i class="d-f-icon d-f-icon-kefu"></i>
                            <span>咨询客服</span>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 黑色区域中间部分 -->
            <div class="d-foot-center">
                <!-- 版心 -->
                <div class="d-foot-center-main">
                    <!-- 新手上路部分 -->
                    <div class="d-help-list">
                        <div class="d-help-item">
                            <h3>新手上路</h3>
                            <ul>
                                <li><a href="###">售后流程</a></li>
                                <li><a href="###">购物流程</a></li>
                                <li><a href="###">订购方式</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>配送与支付</h3>
                            <ul>
                                <li><a href="###">货到付款区域</a></li>
                                <li><a href="###">配送支付智能查询</a></li>
                                <li><a href="###">支付方式说明</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>服务保证</h3>
                            <ul>
                                <li><a href="###">退换货原则</a></li>
                                <li><a href="###">售后服务保证</a></li>
                                <li><a href="###">产品质量保证</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>联系我们</h3>
                            <ul>
                                <li><a href="###">网站故障报告</a></li>
                                <li><a href="###">选机咨询</a></li>
                                <li><a href="###">投诉与建议</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>会员中心</h3>
                            <ul>
                                <li><a href="###">资金管理</a></li>
                                <li><a href="###">我的收藏</a></li>
                                <li><a href="###">我的订单</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- 二维码部分 -->
                    <div class="d-fooot-center-ewm">
                        <div class="d-qr-item d-qr-item-first">
                            <div class="d-code_img"><img src="../images/d-foot-ewm1.jpg">
                            </div>
                            <div class="d-code_txt">关注微信</div>
                        </div>
                        <div class="d-qr-item">
                            <div class="d-code_img"><img src="../images/d-foot-ewm2.jpg">
                            </div>
                            <div class="d-code_txt">下载APP</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 黑色区域下部分 -->
            <div class="d-foot-bottom">
                <!-- 版心 -->
                <div class="d-foot-bottom-main">
                    <p class="d-foot-nav">
                        <a href="###">首页</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">隐私保护</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">联系我们</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">免责条款</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">公司简介</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">商家入驻</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">供应商入驻</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">意见反馈</a>
                    </p>
                    <p class="d-foot-nav">
                        <a href="###">b2b2c</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">多用户商城系统</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">商城系统</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">ecjia新零售</a>
                    </p>
                    <p class="d-foot-nav2">
                        <span>ICP备案证书号:</span><a href="###">沪ICP备14029880号-5</a>
                    </p>
                    <p class="d-foot-nav2">
                        <a href="###">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                    </p>
                    <p class="d-foot-kong">&nbsp;</p>
                </div>
            </div>
        </div>

        <script src="../js/d-foot.js"></script>
        <script src="../渲染数据/data.js"></script>
        <script src="../js/d-head-list.js"></script>
        <script src="../js/swiper-bundle.js"></script>
        <script src="../js/presell.js"></script>
</body>

</html>